<template>
  <div class="app-container code-sharing">
    <div class="bg-banner">
      <img src="@/assets/images/bg-img.png" alt=""  class="bg-size" />
      <div class="bg-text">
      <div class="bg-top">城市数字公共基础设施开源社区</div>
        <div class="bg-bottom">泛在连接、高效协同、全域感知、智能融合、安全可信</div>
    </div>
    </div>
    <div class="tab-content">
      <dataMart />
    </div>
  </div>
</template>

<script>
 import dataMart from "./components/dataMart/index.vue";

export default {
  name: "resourceSharing",
    components: { dataMart },
  data() {
    return {
      // 版本号
      version: "3.8.8",
      
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
   
  },
};
</script>

<style scoped lang="scss">
.bg-banner {
  position: relative;
  width: 100%;
  height: 210px;
  
  .bg-text{
position: absolute;
    width: 506px;
    height: 51px;
    left: 100px;
    right: 660px;
    top: 58px;
  }
  .bg-size{
    width: 100%;
    height: 100%;
  }
  .bg-top{
    color: rgb(86, 99, 139);
font-family: inpin zhaopaiti Medium_Noncommercial;
font-size: 36px;
font-weight: 400;

letter-spacing: 0px;
text-align: left;

  }
  .bg-bottom{
    color: rgb(86, 99, 139);
font-family: 思源黑体 CN;
font-size: 10px;
font-weight: 400;

letter-spacing: 0px;
text-align: left;
  }
}
.tab-content {
    //  height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;

right: 0;
top: 0;
bottom: 0;

gap: 24;
padding: 0px;
    //  background-color: #f5f5f5;
}




</style>

